
.mm_menu {
  padding-top: 10px;
  padding-bottom: 5px;
  background: #f1f1f1;
}
.mm_menu ul {
  background: #fff;
}
.mm_menu li {
  width: 25%;
  float: left;
  margin-top: 15px;
  text-align: center;
  overflow: hidden;
  /* transform: all 1s; */
  transition: all 1s;
}

.mm_menu li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #000;
}

.mm_menu li a img {
  width: 50px;
}

.mm_menu li a p {
  font-size: 12px;
  margin-top: 5px;
  text-align: center
}

.mm_menu li.hide {
  height: 0px;
  transform: scale(0);
}

.mm_listTitle {
  height: 35px;
  background: #ff841d;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffaf47), to(#ff9000));
  border-bottom: 1px solid #ffc881;
  color: #fff;
  line-height: 35px;
  padding-left: 10px;


}
.mm_listTitle span {
  font-size: 16px;
}
.mm_listTitle img {
  float: right;
  margin-right: 10px;
  margin-top: 8px;
  width: 20px;
  height: 20px;
}
.mm_morebar {
  width: 100%;
}
.mm_morebar a {
  height: 30px;
  line-height: 30px;
  display: block;
  background: #f4f4f4;
  background-image: linear-gradient(#ffffff, #f4f4f4);
  font-size: 13px;
  margin: 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  text-align: center;
  color: #000;
}
